<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template/mainTemplate.xhtml">
	<ui:define name="cont">
		<p:growl id="growl" showDetail="true" />
		<div id="home">

			<div id="imgHomeL">
				<p:imageSwitch effect="fade">
					<ui:repeat value="#{artistaManagedBean.listaArtistas}"
						var="artista">
						<h:outputLabel value="#{artista.nome}" styleClass="tituloArtista" />
						<p:graphicImage
							url="/faces/image?id=#{artista.idArtista}&amp;tipo=a" width="200"
							height="200" styleClass="imgHomeR" title="#{artista.nome}" />
					</ui:repeat>
				</p:imageSwitch>
				<p:imageSwitch effect="fade">
					<ui:repeat value="#{artistaManagedBean.listaArtistas}"
						var="artista">
						<p:graphicImage
							url="/faces/image?id=#{artista.idArtista}&amp;tipo=a" width="200"
							height="200" styleClass="imgHomeR" title="#{artista.nome}" />
						<h:outputLabel value="#{artista.nome}" styleClass="tituloArtista" />
					</ui:repeat>
				</p:imageSwitch>
			</div>

			<div id="imgHomeR">
				<p:imageSwitch effect="fade">
					<ui:repeat value="#{albumManagedBean.listaAlbuns}" var="albuns">

						<p:graphicImage url="/faces/image?id=#{albuns.idAlbum}&amp;tipo=u"
							width="200" height="200" styleClass="imgHomeL"
							title="#{albuns.nome}" />
						<h:outputLabel value="#{albuns.nome}" styleClass="tituloArtista" />
					</ui:repeat>
				</p:imageSwitch>
				<p:imageSwitch effect="fade">
					<ui:repeat value="#{albumManagedBean.listaAlbuns}" var="albuns">
						<h:outputLabel value="#{albuns.nome}" styleClass="tituloArtista" />
						<p:graphicImage url="/faces/image?id=#{albuns.idAlbum}&amp;tipo=u"
							width="200" height="200" styleClass="imgHomeL"
							title="#{albuns.nome}" />

					</ui:repeat>
				</p:imageSwitch>
			</div>
		</div>
	</ui:define>
</ui:composition>
</html>